.mg-top10 {
    margin-top: 10px;
}

.mg-top30 {
    margin-top: 30px;
}

.mg-bottom10 {
    margin-bottom: 10px;
}

.w100 {
    width: 100% !important;
}

.font-size-1 {
    font-size: 18px;
}
.font-size-14 {
    font-size: 14px;
    vertical-align:middle;
}
div.footer {
    position: fixed;
    bottom: 0px;
    padding-bottom: 10px;
}

.text-center {
    text-align: center;
}

.yellow-btn {
    background:#e98d26;
    border-radius:4px;
    height: 60px;
    color: white;
    font-size: 20px

}

.yellow-btn:active {
    background:#c7761c;
}

.yellow-btn:disabled {
    background: #D9C7B4;
    opacity: 0.7;
}

.blue-btn {
    background:#3d95eb;
    border-radius:4px;
    height: 60px;
    color: white;
    font-size: 20px;
}

.blue-btn:active {
    background:#297ac9;
}

.blue-btn:disabled {
    background: #B4C7DA;
    opacity: 0.7;
}

p.hint {
    font-family:PingFangSC-Regular;
    font-size:14px;
    color:#676767;
    text-align:center;
    margin-bottom: 15px;
    margin-top: 15px;
}

p.hint-left {
    font-family:PingFangSC-Regular;
    font-size:14px;
    color:#676767;
    text-align:left;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 15px;
}

.ui-list li.loan-detail:after {
    content: '';
}

.ui-form-item {
    font-size: 14px;
}

.ui-form-item-show.alert label {
    color: red;
}
.ui-form-item.alert input {
    color: red;
}